<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>登录</title>

    <!--webStorm编译器引入路径-->
   <!--  <link rel="stylesheet" href="style/frameTools/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="style/frameTools/bootstrap/css/AdminLTE.min.css">

    <script type="text/javascript" src="./js/frameTools/bootstrap/jQuery-2.1.4.min.js"></script> -->

    <!--eclipse编译器引入路径-->
    <link rel="stylesheet" href="view/style/frameTools/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="view/style/frameTools/bootstrap/css/AdminLTE.min.css">

    <script type="text/javascript" src="view/js/frameTools/bootstrap/jQuery-2.1.4.min.js"></script>


    <style>
        body{
            margin:0;
            background: url("./img/bgImages/loginbg_04.jpg");
        }
        .login {
            position: relative;
            margin: 100px auto;
        }
        .container-size{
            width:50%;
            max-width: 500px;
            /*background: red;*/
            margin:auto;

        }
        .formStyle{
            margin:auto;
            padding: 20px;
            /*box-shadow: 10px 10px 5px #888888;*/
            border-radius: 10px;
        }
        .formheader{
            margin: 10px auto;
            font-size: 30px;
            color: #623018;
            font-family: 微软雅黑;
            font-weight:bold;
            text-align: center;
        }
        .control-label{
            font-size: larger;
            font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Microsoft YaHei UI", SimHei, "\5B8B\4F53", simsun, sans-serif;
        }

        .form-control {
            border-radius: 5px;
        }
    </style>
</head>
<body>
<div class="login">
    <div class="container container-size">
            <form class="form formStyle" role="form" action="login/LoginAction.action">
                <div class="formheader">
                    学生管理系统登录
                </div>
                <div class="form-group">
                    <label for="user" class="control-label">请选择用户</label>
                    
                    <select class="form-control" id="user" vaule="" name="person.power">
                        <option value="2">学生</option>
                        <option value="1">教师</option>
                    </select>
                   
                </div>
                <div class="form-group">
                    <label for="username" class="control-label">用户名</label>
                    <input type="text" class="form-control" id="username" name="person.num" placeholder="请输入用户名/邮箱"/>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="control-label">密码</label>
                    <div><input type="password" class="form-control" id="inputPassword3" name="person.psw" placeholder="请输入密码"/></div>
                </div>
                <div class="form-group">
                    <div class="checkbox">
                        <label><input type="checkbox"/>Remember me</label>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <label class="col-md-6"><button type="submit" class="btn btn-info btn-block">登录</button></label>
                        <label class="col-md-6"><button type="submit" class="btn btn-default btn-block">用户注册</button></label>
                    </div>
                </div>
            </form>
    </div>
</div>


</body>

<script>

        choosebg();
        function choosebg(){
            var bg=Math.floor(Math.random()*9+1);
            console.log(bg);
            //JQuery操作CSS
            $('body').css('background-image','url(view/img/bgImages/loginbg_0'+bg+'.jpg');

        }



</script>


</html>